import loginBgSnow from "@/assets/login-bg-snow.jpg"
export const particleConfig = {
    "background": {
        "color": {
            "value": "#ffffff"
        },
        "image": `url(${loginBgSnow})`,
        "position": "50% 50%",
        "repeat": "no-repeat",
        "size": "cover",
        "opacity": 1
    },
    "fpsLimit": 120,
    "interactivity": {
        "detectsOn": "canvas",
        "events": {
            "onClick": {
                "enable": true,
                "mode": "push"
            },
            "onHover": {
                "enable": true,
                "mode": "repulse",
            },
            "resize": true
        },
        "modes": {
            "bubble": {
                "distance": 400,
                "duration": 2,
                "opacity": 0.8,
                "size": 40,
            },
            "grab": {
                "distance": 200,
                "duration": 0.4,
            },
            "push": {
                "quantity": 4
            },
            "repulse": {
                "distance": 150,
                "duration": 0.8,
            }
        }
    },
    "particles": {
        "color": {
            "value": "#6AECFF",
        },
        "links": {
            "color": "#6AECFF",
            "distance": 150,
            "enable": true,
            "opacity": 0.5,
            "width": 1,
        },
        "collisions": {
            "enable": true,
        },
        "move": {
            "attract": {
                "distance": 200,
                "enable": false,
                "rotate": {
                    "x": 600,
                    "y": 1200
                }
            },
            "bounce": false,
            "direction": "none",
            "enable": true,
            "out_mode": "out",
            "random": false,
            "speed": 1.5,
            "straight": false,
        },
        "number": {
            "density": {
                "enable": true,
                "value_area": 800,
            },
            "value": 80
        },
        "opacity": {
            "value": 0.5,
        },
        "shape": {
            "type": "circle"
        },
        "size": {
            "random": true,
            "value": 5
        }
    },
    "detectRetina": true,
}
